<!DOCTYPE html>
<html lang="en">
<script src="123.js"></script>
<head>
    <meta charset="UTF-8">
    <title>入门</title>
</head>
<body>
    <!--双向绑定-->
  <div id="app">
      姓名：<input type="text" name="username" v-model="user.username">
      年龄：<input type="text" name="age" v-model="user.age">
      性别：<input type="text" name="sex" v-model="user.sex">
      地址：<input type="text" name="address" v-model="user.address">
  </div>
</body>
<!--<script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script>-->
<script>
  /*js脚本  Vue名称是固定的*/
  new Vue({
    el:"#app",   //指定我们的Vue要管理的区域 el=
    data:{//模型数据
        user:{
            username:"张三",
            age:18,
            sex:"男",
            address:"北京北科"
        }
    },
    methods:{//方法列表

    }
  });
</script>
</html>